<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="lijinbo" />
    <meta name="cdnload" content="jquery" />
    <title>020-音频自动播放</title>
    <style></style>
  </head>

  <body>
    <h1>音乐自动播放测试</h1>
    <p>注意：新版的谷歌浏览器 Chrome/95 以上的版本都需要用户交互之后才能自动播放</p>
    <!-- <audio id="music" class="hidden" controls autoplay loop src="https://qiniu.qkongtao.cn/2022/07/20220706014714102.mp3"> </audio> -->
    <audio
      id="music"
      class="hidden"
      controls
      loop
      src="https://qiniu.qkongtao.cn/2022/07/20220706014714102.mp3"
    ></audio>

    <h2>浏览器信息</h2>
    <p id="browser" style="word-wrap: break-word"></p>
    <p id="browser2"></p>
    <p id="browser3">0</p>
    <div style="height: 800px; background-color: #999999; text-align: center">拉伸高度 使其可出发话滑动事件</div>
    <script type="module" src="./020-main.js"></script>
  </body>
</html>
